
	<!DOCTYPE html>
	<html>
	
	<head>
	<title>CAIJL's Blog</title>
	<meta charset="utf-8"/>
	<link rel="stylesheet" href="/font-awesome-4.7.0/css/font-awesome.min.css">

	<link rel="stylesheet" href="/bootstrap-3.3.7/css/bootstrap.min.css">
	<script src="/jquery-2.1.1/jquery.min.js"></script>
	<script src="/bootstrap-3.3.7/js/bootstrap.min.js"></script>

	<link rel="stylesheet" href="/css/bootstrap-slider.min.css">
	<script src="/js/bootstrap-slider.min.js"></script>
	
	<link rel="stylesheet" href="/css/main.css">
	<script src="/js/main.js"></script>
	
	<link rel="stylesheet" href="/css/cursor.css">
	<script src="/js/cursor.js"></script>
	
	
	<link rel="stylesheet" href="/css/code.css">
	<!--link rel="stylesheet" href="/css/markdown.css"-->
	
	<link rel="stylesheet" href="/css/head.css">

	<script src="/js/window.js"></script>
	</head>
	<body>
	
	<link rel="stylesheet" href="/katex/katex.min.css" crossorigin="anonymous">
	<script src="/katex/katex.min.js" crossorigin="anonymous"></script>
	<script src="/katex/contrib/mathtex-script-type.min.js" defer></script>
	<script defer src="/katex/contrib/auto-render.min.js"crossorigin="anonymous"
	    onload="renderMathInElement(document.body);"></script>
	<script>document.addEventListener("DOMContentLoaded", function() {renderMathInElement(document.body,{"delimiters":[{left: "$", right: "$", display: false}]});});</script>
	<nav class="navbar navbar-default header card" role="navigation" style="width: 100%;">
	<div class="container-fluid"> 
	<div class="navbar-header">
		<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#example-navbar-collapse">
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		</button>
		<a class="navbar-brand" href="/"><span><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi mathvariant="bold">C</mi><mi mathvariant="bold">A</mi><mi mathvariant="bold">I</mi><mi mathvariant="bold">J</mi><msup><mi mathvariant="bold">L</mi><mo mathvariant="bold" lspace="0em" rspace="0em">′</mo></msup><mi mathvariant="bold">s</mi><mi mathvariant="bold">B</mi><mi mathvariant="bold">L</mi><mi mathvariant="bold">O</mi><mi mathvariant="bold">G</mi></mrow><annotation encoding="application/x-tex">\mathbf{CAIJL'sBLOG}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height: 0.751892em; vertical-align: 0em;"></span><span class="mord"><span class="mord mathbf">C</span><span class="mord mathbf">A</span><span class="mord mathbf">I</span><span class="mord mathbf">J</span><span class="mord"><span class="mord mathbf">L</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height: 0.751892em;"><span class="" style="top: -3.063em; margin-right: 0.05em;"><span class="pstrut" style="height: 2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mathbf mtight">′</span></span></span></span></span></span></span></span></span><span class="mord mathbf">s</span><span class="mord mathbf">B</span><span class="mord mathbf">L</span><span class="mord mathbf">O</span><span class="mord mathbf">G</span></span></span></span></span></span></a>
	</div>
	<div class="collapse navbar-collapse" id="example-navbar-collapse">
		<ul class="nav navbar-nav" style="background-color:#fcfcfc">
			<li><a href="/"><i class="menu-item-icon fa fa-fw fa-home"></i>首页</a></li>
			<li><a href="/archives/"><i class="menu-item-icon fa fa-fw fa-archive"></i>文章</a></li>
			<li><a href="/tags/"><i class="menu-item-icon fa fa-fw fa-tags"></i>标签</a></li>
			<li><a href="/settings/"><i class="menu-item-icon fa fa-fw fa-cogs"></i>设置</a></li>
			<!--li><a href="/about/"><i class="menu-item-icon fa fa-fw fa-user"></i>关于</a></li-->
			<li class="active"><a href="/games/"><i class="menu-item-icon fa fa-fw fa-gamepad"></i>其它</a></li>
			

		</ul>
	</div>
	</div>
	</nav>
	<div class="container">
		<div style="height: 60px;"></div>
		<div class="row" >
			<div class="col-md-8">

				
                    
  <div class="panel panel-default card" id="main">
  <div id="主体">
  <div id="标题">文章生成器</div>
  	<div id="主题">
          <span>主题</span>
          <input id="theme">
          <span>名字</span>
          <input id="name">
          <span>格式</span>
          <input id="Style">
          <button onclick="生成文章()">生成</button>
        </div>
        <div id="文章"></div>
      </div>
      <div id="声明">
        <del id="声明文字">请将生成的文章用于正规用途</del>
      </div>


  <script src="main.js"></script>
  <style>
  .Jiyu {
      color: red;
  }
  .Jiyu {
      display: inline-block;
      font-weight: 700;
      font-size: .9em;
      font-weight: 700;
      padding-inline-start: 2px;
      padding-inline-end: 2px;
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,;
  }
  .Jiyu:first-letter {
      color: #000!important;
  }
    @media screen and (max-width: 1024px) {
      #主体{
        border: 2px solid #333333;
        margin: 6px;
        padding: 6px;
        background: #f8f8f8;
      }
      #标题{
        font-size: 3rem;
        line-height: 3rem;
        text-align: center;
      }
      #主题{
        text-align: center;
        margin-top: 6px;
        font-size: 0px;
      }
      #主题 span{
        font-size: 2rem;
        vertical-align: baseline;
        margin-left: 6px;
      }
      #主题 input{
        border: none;
        border-bottom: #666666 2px solid;
        padding: 1px 0 0 0;
        margin: 0px 6px 0 6px;
        vertical-align: baseline;
        font-size: 2rem;
        background: #f8f8f8;
        color: #333333;
        text-align: center;
        min-width: 20%;
      }
      #主题 button{
        border: 0;
        padding: 3px 7px 3px 7px;
        margin: 0;
        vertical-align: top;
        font-size: 1.4rem;
        background: #454545;
        color: #efefef;
      }
      #文章 div{
        margin-top: 6px;
        font-size: 2rem;
        text-align: justify;
      }
      #声明{
        margin: 0 0 0 6px;
      }
      #声明 p{
        margin: 0 0 3px 3px;
        font-size: 1.4rem;
      }
      #声明文字{
        display: none;
      }
      #页脚{
        margin: 6px;
      }
      #页脚 p{
        margin: 3px;
        font-size: 1.4rem;
        text-align: right;
      }
      .链接{
        color: #666666;
      }
      .图标{
        height: 1rem;
        width: 1rem;
        vertical-align: top;
        margin-top: 2px;
      }
    }

    @media screen and (min-width: 1024px) {
      #主体{
        border: 2px solid #333333;
        margin: 20px;
        padding: 20px;
        background: #f8f8f8;
      }
      #标题{
        font-size: 1.9rem;
        line-height: 1.9rem;
        text-align: center;
      }
      #主题{
        text-align: center;
        margin-top: 20px;
        font-size: 0px;
      }
      #主题 span{
        font-size: 1rem;
        vertical-align: baseline;
        margin-left: 20px;
      }
      #主题 input{
        border: none;
        border-bottom: #666666 2px solid;
        padding: 1px 0 0 0;
        margin: 0px 20px 0 20px;
        vertical-align: baseline;
        font-size: 1rem;
        background: #f8f8f8;
        color: #333333;
        text-align: center;
        min-width: 20%;
      }
      #主题 button{
        border: 0;
        padding: 5px 15px 5px 15px;
        margin: 0;
        vertical-align: top;
        font-size: 0.75rem;
        background: #454545;
        color: #efefef;
      }
      #文章 div{
        margin-top: 20px;
        text-align: justify;
      }
      #声明{
        margin: 0 0 0 20px;
      }
      #声明 p{
        margin: 0 0 5px 5px;
        font-size: 0.75rem;
      }
      #声明文字{
        display: none;
      }
      #页脚{
        margin: 20px;
      }
      #页脚 p{
        margin: 5px;
        font-size: 0.75rem;
        text-align: right;
      }
      .链接{
        color: #666666;
      }
      #页脚 span{
        padding: 2px 0 0 0;
        vertical-align: baseline;
      }
      .图标{
        height: 0.7rem;
        width: 0.7rem;
        vertical-align: top;
        margin-top: 4px;
      }
    }
    .金钩{
  	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23f1c40f' style='margin-bottom: -3px;'%3E%3Cpath d='M16 8C16 6.84375 15.25 5.84375 14.1875 5.4375C14.6562 4.4375 14.4688 3.1875 13.6562 2.34375C12.8125 1.53125 11.5625 1.34375 10.5625 1.8125C10.1562 0.75 9.15625 0 8 0C6.8125 0 5.8125 0.75 5.40625 1.8125C4.40625 1.34375 3.15625 1.53125 2.34375 2.34375C1.5 3.1875 1.3125 4.4375 1.78125 5.4375C0.71875 5.84375 0 6.84375 0 8C0 9.1875 0.71875 10.1875 1.78125 10.5938C1.3125 11.5938 1.5 12.8438 2.34375 13.6562C3.15625 14.5 4.40625 14.6875 5.40625 14.2188C5.8125 15.2812 6.8125 16 8 16C9.15625 16 10.1562 15.2812 10.5625 14.2188C11.5938 14.6875 12.8125 14.5 13.6562 13.6562C14.4688 12.8438 14.6562 11.5938 14.1875 10.5938C15.25 10.1875 16 9.1875 16 8ZM11.4688 6.625L7.375 10.6875C7.21875 10.8438 7 10.8125 6.875 10.6875L4.5 8.3125C4.375 8.1875 4.375 7.96875 4.5 7.8125L5.3125 7C5.46875 6.875 5.6875 6.875 5.8125 7.03125L7.125 8.34375L10.1562 5.34375C10.3125 5.1875 10.5312 5.1875 10.6562 5.34375L11.4688 6.15625C11.5938 6.28125 11.5938 6.5 11.4688 6.625Z'%3E%3C/path%3E%3C/svg%3E ");
      background-size: cover;
      display:inline-block;
   	 width: 18px;
      height: 18px;
      margin-left: 2px;
   }
  .pn{
  	color: #8e44ad;
     font-weight:bold;
  }
  </style>
				</div>
			</div>
			<div class="col-md-3">

					
			<div class="panel panel-default card">
					<div class="panel-heading">
						<h3 class="panel-title">
							<i class="fa fa-user-circle-o"></i>&emsp;
							<strong>caijicjl</strong>
						</h3>
					</div>
					<div style="width: 60%;display: inline-block;padding-top: 10px;">
						<ul class="propertyLinks" style="list-style-type: none;">
							<li>
								<img style="vertical-align:middle;position:relative;top:-2px" src="/img/rating-16x16.png">
								Rating:&nbsp;
								<span style="font-weight:bold;color: gray ">312</span>
							</li>
							<li>
								<img style="vertical-align:middle;position:relative;top:-2px" src="/img/star_blue_16.png">
								Contribution:&nbsp;
								<span style="color:gray;font-weight:bold;">0</span>
							</li>
						</ul>
						<ul class="nav-links">
							<li><a href="/settings/">Settings</a></li>
							<li><a href="/archives/">Blog</a></li>
							<li><a href="/teams">Teams</a></li>
							<li><a href="/submissions/dingdingsb">Submissions</a></li>
							<li><a href="/usertalk">Talks</a></li>
							<li><a href="/contests/with/dingdingsb">Contests</a></li>
						</ul>
					</div>
					<div style="display:inline-block;vertical-align: top;margin: 10px;text-align: center;">
						<div style="height:50px;width:50px"><img src="/img/avatar.png"/></div>
						<div><a href="https://www.luogu.com.cn/user/174304" style="font-weight:bold;color:gray">caijicjl</a></div>
					</div>
				</div>
		<div class="panel panel-default card">
				<div class="panel-heading">
					<h3 class="panel-title">
						<i class="fa fa-external-link"></i>&emsp;
						<strong>画中画</strong>
					</h3>
				</div>
				<div style="width:100%;margin:10px">
				<input type="text" id="url"/>
				<input value="创建" type="button" onclick="creat('kk')" /> 
				</div>
		</div>
		<script src="/js/hitokoto.js"></script>
							

	<div class="panel panel-default card">
				<div class="panel-heading">
					<h3 class="panel-title">
						<i class="fa fa-address-book"></i>&emsp;
						<strong>Top ratings</strong>
					</h3>
				</div>
				<table class="table table-striped">
					<th style="width: 20%;">#</th>
					<th style="width: 50%;">用户</th>
					<th style="width: 30%;">Rating</th>
					<tr>
						<td>1</td>
						<td><a class="lgm" href="https://www.luogu.com.cn/user/151935">Rainbow_sjy</span></td>
						<td>4000</td>
					</tr>
					<tr>
						<td>2</td>
						<td><a class="lgm" href="https://www.luogu.com.cn/user/220857">素质玩家孙1超</span></td>
						<td>3864</td>
					</tr>
					<tr>
						<td>3</td>
						<td><a class="lgm" href="https://www.luogu.com.cn/user/141179">pigstd</span></td>
						<td>3732</td>
					</tr>
					<tr>
						<td>4</td>
						<td><a class="lgm" href="https://www.luogu.com.cn/user/288460">xzggzh1</span></td>
						<td>3532</td>
					</tr>
				</table>
		</div>
			</div>
		</div>
	 </div>
	</body>
	</html>
	